﻿/* DEFAULTS
----------------------------------------------------------*/

body {
	background: url("../img/web/pompom-min.jpg") transparent fixed no-repeat 0 0;
	font-size: .80em;
	font-family:Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
	color: #696969;
}
a:link, a:visited {
	color: #FF7BAC;
	text-decoration: none;
}
a:hover {
	color: #FF7BAC;
	text-decoration: underline;
}
a:active {
	color: #034af3;
}
p {
	margin-bottom: 10px;
	line-height: 1.6em;
}
/* HEADINGS   
----------------------------------------------------------*/
.red {color:Red;}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #666666;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}
h1 {
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
h2 {
	font-size: 1.5em;
	font-weight: 600;
}
h3 {
	font-size: 1.2em;
	font-weight: 600;
}
h4 {
	font-size: 1.1em;
}
h5, h6 {
	font-size: 1em;
}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0px;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
	width: 960px;
	background-color: #fff;
	margin: 100px auto 0px auto;
	padding: 0px 0px 20px;
	/* text-shadow:0px 0px 8px #ffffff;*/
box-shadow:2px 2px 5px #dbdbdb;
	-moz-box-shadow:2px 2px 5px #dbdbdb;
	-webkit-box-shadow:2px 2px 5px #dbdbdb;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
}
.header {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.header h1 {
	font-weight: 700;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #f9f9f9;
	border: none;
	line-height: 2em;
	font-size: 2em;
}
.main {
	padding: 0px 12px;
	margin: 12px 8px 8px 8px;
	height:inherit;
}
.leftCol {
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
}
.footer {
	color: #4e5766;
	padding: 8px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	line-height: normal;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
	background-color:#3a4f63;
	width:100%;
}
div.menu {
	padding: 4px 0px 4px 8px;
	background: #333;
	width:952px;
}
div.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
div.menu ul li a, div.menu ul li a:visited {
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration:none;
	white-space: nowrap;
	color:#fff;/* border-left: 1px solid white;*/
}
div.menu ul li a:hover {
	background-color: #fff;
	color: #ff7bac;
	text-decoration: none;
}
div.menu ul li a:active {
}
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}
fieldset.login {
	margin:0;
	border:none;
	padding: 0 0;
}
fieldset p {
	margin: 2px 12px 10px 10px;
}
fieldset.login p {
	margin: 5px 0px 0px 0px;
	line-height:12px;
	font-size:12px;
	width:100%;
}
fieldset.login label {
	margin-bottom:3px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label {
	display: block;
}
fieldset label.inline {
	display: inline;
}
legend {
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}
input.textEntry, input.passwordEntry, .startComments input.textEntry, body input {
	width:75%;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
    top: 0px;
    left: 0px;
}



.noBorder input
{
    border:none;
    }
    
div.accountInfo {
	margin: 0;
	padding: 0;
}
/* MISC  
----------------------------------------------------------*/

.clear {
	clear: both;
}
.title {
	display: block;
	float: left;
	text-align: left;
	width: auto;
}
.loginDisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	top:15px;
	color:White;
	font-family:Arial;
}
.loginDisplay a:link {
	color: white;
	text-decoration:none;
}
.loginDisplay a:visited {
	color: White;
}
.loginDisplay a:hover {
	text-decoration:underline;
}
.failureNotification {
	color: Red;
}
.bold {
	font-weight: bold;
}
.submitButton {
	text-align: right;
	padding-right: 10px;
}
.loginPage .loginBtn, .startComments .loginBtn{
	padding:10px 24px;
	background-color:#FF7BAC;
	width:inherit;
	float:right;
	font-size:1.2em;
	color:Maroon;
	right:-10px;
}
/* CUSTOM   
----------------------------------------------------------*/

.lrHeader {
	background: #333333;
	height:40px;
	color:#dedede;
	width:100%;
	top:0;
	position:fixed;
	margin-bottom:25px;
	left:0px;
	z-index:100;
}
.profilePic img {
	width:100px;
	border-bottom: 10px #ff7bac solid;
	overflow: hidden;
}
#cakeMainImg img {
	width:615px;
	margin-bottom: 0px;
	float:left;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
}

 .cakeSecondaryImg
{
      clear:both;
      width:615px;
    } 

.cakeSecondaryImg img
{
    width:300px;
    float:left;
    margin: 15px 0;
    border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
	
    }
  

.pageTitle {
	width:620px;
	margin: 0;
}
.gvLeft table th {
	text-align:left;
}
.profileText {
	clear:left;
	float:left;
	width:500px;
}
#profileLeft {
	float:left;
	width:280px;
	margin-top:0px;
	padding: 0 20px;
	border-right:solid #ccc 1px;
}
#profileRight {
	float:left;
	width:560px;
	padding-left:25px;
}
.profileMainTitle {
	color:#ff7bac;
	font-size:14px;
}
.unTitle {
	margin:0px;
}
.stars {
	width:120px;
}
.detailStars {
	position:absolute;
}
.cakeDetails li {
	list-style:none;
	padding-left:0px;
	list-style-position:outside;
	margin:0px;
}
.detailsProfilePic {
	width:75px;
	border-bottom: 10px #ff7bac solid;
	float:left;
	margin: 10px 10px 5px 0px;
}
.detailsDesc {
	float:left;
	margin:10px 0 0;
	width:580px;
}
.comments {
	float:right;
	margin:0 20px 0 0;
}
.steps
{
    font-weight:600;
    font-size:1.1em;
    font-style:italic;
    }


/* 
EmptyStarCssClass—the CSS class to use when a rating item (“star”) is empty 
StarCssClass—the CSS class to use for a visible stat 
FilledStarCssClass—the CSS class to use when a rating item (“star”) is filled out 
WaitingStarCssClass—the CSS class to use while a star rating is sent back to the server
*/



.EmptyStar {
	background-image:url("../img/empty.png");
	width:16px;
	height:16px;
}
.Star {
	background-image:url("../img/cupcake-highlight.png");
	width:16px;
	height:16px;
}
.FilledStar {
	background-image:url("../img/cupcake.png");
	width:16px;
	height:16px;
}
.WaitingStar {
	background-image:url("../img/cupcake.png");
	width:16px;
	height:16px;
}
.panelCake {
	float:left;
	margin-right:15px;
	width:640px;
}
.panelUser {
	margin:0;
	padding:0;
	background-color:#dddddd;
	width:232px;
	float:right;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
}
.blue {
	background:blue;
}
.pnlUserMargin {
	margin:0 0 15px 15px;
	padding:10px 15px 30px 15px;
}
.panelTitle {
	padding:5px 0px 5px 0px;
	border-bottom: solid 1px #cdcdcd;
	clear:both;
	font-weight:400;
	font-size:125%;
	margin-bottom:5px;
}
.panelRight {
	float:left;
	padding:10px 0 10px 10px;
}
.panelLeft {
	float:left;
	top:0;
	width:110px;
	border-right: solid 1px #cdcdcd;
	padding:10px 10px 0px 0px;
	height:inherit;
}
.pnlUserName {
	margin:15px 0 0px 0;
	padding:0;
	font-size:1.6em;
	font-weight:400;
}
.tag {
	border:1px #efefef solid;
	padding:5px;
	margin:0 2px;
	background:white;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:2px 2px 5px #dbdbdb;
	-moz-box-shadow:2px 2px 5px #dbdbdb;
	-webkit-box-shadow:2px 2px 5px #dbdbdb;
	position:relative;
	behavior:url(/PIE/PIE.htc);
}
.tagPos {
	float:left;
	margin:0;
	padding:0;
	height:35px;
}
.arrow {
	background-image:url("../img/cupcake.png");
	height:16px;
	width:16px;
}
.startComments
{
    width:585px;
    padding:15px;
    padding-right:0;
    }

.pnlReply {
	visibility:hidden;
}
 .replyWrapper {
clear:both;
margin-left:80px;		

}

#comment {

	border-bottom: solid 1px #cdcdcd;
	  padding:5px 0px;
	  width:610px;
	      padding:15px;
}

.reply
{
   
	border-bottom:dashed 1px #cdcdcd;
	 padding:15px;
	  width:530px;
	  margin-bottom:15px;
	   }
.commentWrapper
{
    width:595px;
    padding:15px;
    margin:15px 15px 15px 0px;
    }
.commentDate
{
    margin-top:5px;
    padding-bottom:5px;
    float:right;         
             }
 .right
 {
    float:right;
     }    
             
.commentPic
{
width:60px; 
height:60px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
position:relative;
behavior:url(/PIE/PIE.htc);
}

.relCake
{
    height:67px;
    width:67px;
    padding:0 2px; }
        
 .relCakep
{
    height:50px;
    width:67px;  } 
    
     .relCakep p
{ 
    line-height:14px; 
    padding:0 2px; 
    font-weight:400;
    margin-top:2px;
    } 
    
  
 
.startComments .commentBtn
{
    width:auto;
    float:right;
    margin:15px 0 0;
    }


.noComments
{
    padding:5px;
    border-top: 1px #cdcdcd solid;
    font-weight:600;
    font-size:1.2em;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
    behavior:url(/PIE/PIE.htc);
    width:560px;
    }
    
.mybtn {
	font:normal 14px Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	background:#18bacf;
	border:0px solid #ffffff;
	text-shadow:0px 0px 8px #ffffff;
	box-shadow:2px 2px 5px #dbdbdb;
	-moz-box-shadow:2px 2px 5px #dbdbdb;
	-webkit-box-shadow:2px 2px 5px #dbdbdb;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	width:120px;
	padding:15px 24px;
	cursor:pointer;
	margin:0 auto;
	position:relative;
	behavior:url(/PIE/PIE.htc);
} 
 .relCakeBtn
    {
        background-color:#FF7BAC;
          padding:5px 24px;        
          width:75px;
          margin:0;
          	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
        }
 a.relCakeBtn 
    {
color:Maroon;
        }
        .loginPage {
	width: 300px;
	float:right;
	margin:5px 0;
	clear:both;
	top:65px;
	right:100px;
	height:inherit;
	background-color: #fff;
	padding: 0px 30px 30px 15px;
	text-shadow:0px 0px 8px #ffffff;
	box-shadow:2px 2px 5px #dbdbdb;
	-moz-box-shadow:2px 2px 5px #dbdbdb;
	-webkit-box-shadow:2px 2px 5px #dbdbdb;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	position:relative;
	behavior:url(/PIE/PIE.htc);
}
.cakeIcons {
	bottom:0;
	float:right;
	margin-top:15px;
	vertical-align:baseline;
	color:#cccccc;
	font-weight:bold;
}
.cakeInfo {
	padding:0 0 10px 0;
	border-bottom: solid 1px #dddddd;
	width:920px;
	margin:0 0 15px 0;
}
.icon {
	width:24px;
	height:24px;
	vertical-align:bottom;
	float:left;
	margin:0px 5px;
	padding:0;
	
}
input.icon 
{
    border:none;
    }

.secLink a {
	color:Gray;
	text-decoration:underline;
}
.secLink {
	float:left;
}

.popupDiv{visibility:hidden;}

    #consoles
    {
        float:right;
        width:260px;
        }


.tag1{font-size: 0.8 em}
.tag2{font-size: 0.9em}
.tag3{font-size: 1em}
.tag4{font-size: 1.2em}
.tag5{font-size: 1.4em}
.tag6{font-size: 1.7em}
.tag7{font-size: 2.0em}


/************** ****
FOR CSSPIE


position:relative;
behavior:url(/PIE/PIE.htc);
*******************/
